<template>
    <h3>Child</h3>
    <p>{{ title }}</p>
    <p>{{ demo }}</p>
    <p>{{ age }}</p>
    <p>{{ userInfo.name }}</p>
    <p>{{ userInfo.age }}</p>
    <ul>
        <li v-for="(item,index) of names" :key="item">{{item}}-{{index+1}}</li>
    </ul>
</template>

<script>
export default{
    props:["title","demo","age","names","userInfo"]
}
</script>